/**
 * Copyright (c) 快宝网络 kuaidihelp.com Co., Ltd. All Rights Reserved 禁止外泄以及用于其它的商业用途
 */

const cssMap = {
  bootstrap:
    "<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css'/>",
};

const styleMap = {
  seo: `<style>
    html,
    body {
      padding: 0;
      margin: 0;
      background-color: #fff;
      position: relative;
    }
    a {
      color: #333;
    }
    a,
    a:hover {
      text-decoration: none;
    }
    .container {
      position: relative;
      background-color: #f2f2f2;
      height: 100vh;
      display: flex;
      flex-direction: column;
    }
    .kb-bg-primary {
      background-color: #0095ff;
    }
    .kb-content {
      width: 100%;
      overflow-y: auto;
      flex: 1;
      background-color: #fff;
    }
    .kb-content-author {
      font-size: 0.7rem;
    }
    .kb-content-author > .logo {
      width: 2rem;
      height: 2rem;
    }
    .kb-content-author .share {
      width: 1rem;
      height: 1rem;
      z-index: 3;
    }
    .share_icon {
      width: 3rem;
      height: 3rem;
    }
    .badge-primary {
      background-color: #d4efff;
      color: #0095ff;
      font-weight: 400;
      font-size: 12px;
      padding: 4px;
    }
    .media-wrap {
      display: flex;
      justify-content: center;
    }
    .media-wrap img {
      width: 75%;
    }
    .slideBox {
      position: absolute;
      display: none;
      bottom: 0;
      z-index: 3;
      background-color: #fff;
      width: 100%;
    }
    .mark {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2;
      width: 100%;
      height: 100vh;
      background-color: rgba(0, 0, 0, 0.5);
    }
  </style>`,
};

export { cssMap, styleMap };
